﻿@{
    ViewBag.Title = "Catalog";
    Layout = "~/Views/Shared/_Layout.cshtml";
}

<div style="height: 500px;">
    <div id="wizard-steps-container">
        <h2>Catalog</h2>
        <ul id="wizard-steps">
            <li>
                <a href="/Redirect/RedirectPage">Redirect Controller</a>
            </li>
            <li>
                <a href="/Redirect/CustomRedirect">Custom Redirect Controller</a>
            </li>
            <li>
                <a href="/HttpStatus/Index">Http Status</a>
            </li>
            <li>
                <a href="#">Step 4 lorem ipsum</a>
            </li>
            <li>
                <a href="#">Step 5 lorem ipsum</a>
            </li>
        </ul>
    </div>
</div>

<script type="text/javascript">
    $(document).ready(function () {
        MyEffect.hover('#wizard-steps li', 'active');
    });
</script>
